/* 移动端样式重置 ========================================= */
@charset "utf-8";
* {  
    margin: 0;  
    padding: 0;  
  }  
  article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {  
    display: block;  
  }  
  html {  
    font-size: 12px;  
    color: #666;  
    font-family: 'Microsoft Yahei'  'Helvetica Neue', Helvetica, STHeiTi, Arial, sans-serif;  
  }  
  body{  
  height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch;  
  }  
  audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }  
  img {  
    border: none;  
    vertical-align: middle;  
  }  
  a {  
    text-decoration: none;  
    outline: none;  
  /*设置的tap  A标签的时候出现的黑色高亮*/  
  -webkit-tap-highlight-color: transparent;   
  }  
  a:active { outline: 0; }  
  .clearfix {  
    zoom: 1;  
  }  
  .clearfix:before,  
  .clearfix:after {  
    content: '';  
    display: table;  
  }  
  .clearfix:after {  
    clear: both;  
  }  
  em {  
    font-style: normal;  
  }  
  input {  
    outline: none;  
  }  
  input[type="text"],  
  input[type="tel"] {  
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
  }  
  /* 去除iphone ipad 设备默认按钮样式 */  
  input[type="button"], input[type="submit"], input[type="reset"] {  
    -webkit-appearance: none;  
    border-radius: 0;   
  }  
  input::-webkit-outer-spin-button,  
  input::-webkit-inner-spin-button {  
      -webkit-appearance: none !important;  
      margin: 0;  
  }  
  input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }  
  input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }  
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }  
 

/*



 头部导航
*/

header {
    height: 40px;
    line-height: 40px;
    background-color: #373b3e;

}

header h1 {
    font-weight: normal;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.myperson {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url(../images/) no-repeat;
    background-size: 20px 20px;
}

.backbtn {
    display: block;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    background: url(../images/icon-headback－left.png) no-repeat left center;
    background-size: contain;
}

/*
    本页
*/

body{ background: #f2f2f2;}
a{ color: #666;}
.list-wrap {
    padding: 10px;
}
.list-wrap section {
    margin-bottom: 10px;
}
.banner-video{
    position: relative;
    overflow: hidden;
}
.img-responsive{    width: 100%;
    height: auto;}
.banner-video span img{ display:block; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; position: absolute; top: 50%; left: 50%; z-index: 2;}
.intro-video{ padding: 10px; background:#fff;}
.intro-video h1{margin-bottom: 5px;  font-size: #666; font-weight: normal; max-height: 40px; font-size: 13px; overflow: hidden;}
.intro-video time{ font-size: 12px; color:#999;}